@charset "utf-8";
/*Background/ Logo*/
html{height:100%;background:#000 url(../img/wow-banner.jpg) 50% 0 no-repeat}
body{height:100%;background: url(../img/logo-wlk.png) 50% 50px no-repeat;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
form{margin:0;padding:0}
a{outline:none;color:#FFD200}
a:hover{color:#FFF}

/*utility*/
div.clear{clear:both}
input.hiddenSubmit{width:0;height:0;border:none;margin:0;padding:0;line-height:0;font-size:1px}

/*Account Create Button*/
a.submit{margin:-20px auto 0;font-size:16px;background:url(../img/Acc_Creat.png) no-repeat;text-decoration:none;width:203px;height:66px;display:block;text-align:center;line-height:66px;font-weight:bold}
a.submit:hover{background-position:0 -65px}
a.submitDisabled, 
a.submitDisabled:hover{background-position:0 -132px}

/* form fields left*/
form div.formRow{text-align:center}
form label.formLabel,
form label.inputLabel {
	color:#FC0;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	display:block;
	width:333px;
	margin:0 auto;
	text-align:left
}
form input.text{height:22px;border:1px solid #9b4e02;width:323px;font-size:14px;padding:5px 3px 1px;background-color:#fff;margin:3px 0 20px 0}
form input.text:active,
form input.text:focus,
form input.text:hover{border:1px solid #c38e6e}

/* Expansion Fields*/
form label.expansion{color:#61100c; font-size:14px; font-weight:bold; letter-spacing:-1px; display:block; width:333px; margin:0 auto; text-align:center}

/*Edit Fields */
div.loginView{position:relative;top:171px}
div.loginView form.submitForm{padding-top:16px;width:416px;margin:0 auto}
div.loginView form.submitForm div.accountName{background:50% 5px no-repeat}
div.loginView form.submitForm div.email{background:50% 5px no-repeat}
div.loginView form.submitForm div.password{background:50% 5px no-repeat}
div.loginView form.submitForm div.password2{background:50% 5px no-repeat}

/*Back to Main Page */
div.loginView div.Back{text-align:center;color:#728a96;font-size:12px;margin-top:19px}
div.loginView div.Back p{padding:0;margin:5px 0}
div.loginView div.Back a{color:#728a96;font-weight:bold}
div.loginView div.Back a:hover{text-decoration:none}

/* Blizzard Logo */
div.legal{
	position:relative;
	z-index:2;
	width:370px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	margin:0 auto
}
div.legalcontainer { width: 100%; margin: 0px 0 60px 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #728a96; position:relative;}
div.blizzlogo { width: 157px; height: 84px; margin: 0 auto 15px auto; background: url('../img/logo_blizzard.gif') no-repeat; }
.blizzlogo a { display: block; height: 84px }
